﻿@{
    
}

<div class="page">

    <!-- 标题栏 -->
    <header class="bar bar-nav">
        <h1 class='title'>采购统计</h1>
    </header>

    <!-- 工具栏 -->
    <nav class="bar bar-tab">
        <a class="tab-item" href="@Url.Action("Index", "Home")">
            <span class="icon icon-home"></span>
            <span class="tab-label">概览</span>
        </a>
        <a class="tab-item" href="@Url.Action("Index", "Product")">
            <span class="icon icon-app"></span>
            <span class="tab-label">商品</span>
        </a>
        <a class="tab-item" href="@Url.Action("Index", "Count")">
            <span class="icon icon-picture"></span>
            <span class="tab-label">采购统计</span>
        </a>
        <a class="tab-item" href="@Url.Action("Index", "PurchaEdit")">
            <span class="icon icon-edit"></span>
            <span class="tab-label">采购填报</span>
        </a>
    </nav>

    <!-- 页面内容区 -->
    <div class="content">
        <div class="content-padded grid-demo">
            <div class="row no-gutter">
                <div class="col-20"><strong>类别</strong></div>
                <div class="col-30"><strong>品种</strong></div>
                <div class="col-25"><strong>产地</strong></div>
                <div class="col-25"><strong>采购价</strong></div>
            </div>
            @if (ViewData["SelProData"] != null) 
            {
                foreach (var selProData in ViewData["SelProData"] as IList<Analysis.Controllers.CountController.SelectPruDataTable>)
                {
                    string viewStr = selProData.ProType + "|" + selProData.Varieti + "|" + selProData.ProAddress;
                    <a href="#" onclick="showGroupInfo(this)" paramstr="@viewStr">
                        <div class="row no-gutter">
                            <div class="col-20">@selProData.Str_ProType</div>
                            <div class="col-30">@selProData.Varieti</div>
                            <div class="col-25">@selProData.Str_ProAddress</div>
                            <div class="col-25">¥@selProData.PurPrice</div>
                        </div>
                    </a>
                }
            }
        </div>
    </div>

    <style type="text/css">
        .grid-demo .row {
            text-align: center;
        }

            .grid-demo .row > [class*=col-] {
                border: 1px solid #ddd;
            }

        .row.no-gutter .col-30 {
            width: 30%;
            margin: 0;
        }

        .row.no-gutter .col-30 {
            width: 30%;
            margin: 0;
        }
    </style>
    <script type="text/javascript">
        function showGroupInfo(obj) {
            var viewStr = $(obj).attr("paramStr");
            window.location = "/Count/GroupInfo?ParamStr=" + viewStr;
        }
    </script>
</div>